@import 'mixin.less';
#main {
  .block-left {
    .card {
      border-color: #fff;
      .list-group-item {
        background: @color-gray3;
        border:2px solid #fff;
        text-align: center;
        font-size: 18px;
        padding: 10px 0;
        &:hover {
          background: @main-red;
          a {
            text-decoration: none;
            color: #fff !important;
          }
        }
        &.active {
          background: @main-red;
          a {
            color: #fff !important;
          }
        }
      }
    }
  }
  .block-right {
    .school-item {
      .school-tit {
        font-size: 18px;
        font-weight: 700;
        a {
          color: #000;
          line-height: 26px;
        }
      }
      .school-p {
        line-height: 26px;
        text-indent: 2em;
      }
      .school-info {
        color: #ccc;
        text-align: left;
        span {
          margin: 5px;
          display: inline-block;
        }
      }
    }
    .school-culture {
      .block-p {
        width: 100%;
        bottom: 0;
        background: rgba(0, 0, 0, .6);
        margin: 0;
        text-align: center;
        color: #fff;
        font-size: 16px;
        padding: 5px 0;
        span {
          display: block;
        }
      }
      i.fa {
        left:50%;
        top:50%;
        margin-left: -30px;
        margin-top: -30px;
        z-index: 99;
        position: absolute;
        font-size: 60px;
        color: @main-red;
        &:hover {
          color: red;
        }
      }
    }
    .pagination {
      .page-item {
        margin: 2px;
        &.active .page-link {
          background: @main-red;
          border-color: @main-red;
          color:#fff;
        }
        .page-link {
          color: @main-red;
        }
      }
      
      
      .disabled {
        border:0;
      }
    }
  }
}